<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="./common/images/favicon.png">

    <title>任务详情</title>
  

    <!-- Bootstrap core CSS -->
    <link href="js/bootstrap/dist/css/bootstrap.css" rel="stylesheet" />
    <link rel="stylesheet" href="./assets/fonts/font-awesome-4/css/font-awesome.min.css">
    <link href="./assets/css/style.css" rel="stylesheet" />
    <style type="text/css">
        .infoItem
        {
            margin: 10px 0; 
            line-height: 18px;
        }

        .infoItem .desc
        {
            width: 120px; 
            font-size: 18px;
            color:#000;
        }

        .infoItem .stateValue
        {
            font-size: 18px;
            color: #012aff; 
            text-decoration: underline;
        }

        .infoItem .value
        {
            font-size: 14px;
        }
    </style>

</head>
<body>
    <!-- Fixed navbar -->
    <div id="head-nav" class="navbar navbar-default navbar-fixed-top">

    </div>

    <div id="cl-wrapper" class="fixed-menu">
        <div class="container-fluid" id="pcont">
                <div class="col-md-12" style="padding-right: 0;">
                    <div class="block-flat">
                        <div class="header">      
                            <div class="pull-left">
                                <p class="jb_underline">任务管理&#62;&#62;任务详情</p>
                            </div>                      
                            <div class="clearfix"></div>
                        </div>
                        <div class="content">
                            <!-- <div class="table-responsive">
                                <div> -->

                                    <div class="row">
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">任务状态</div>
                                            <div class="col-sm-9 stateValue">待批准</div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">创建时间</div>
                                            <div class="col-sm-9 value">2017-02-12 13:12</div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">发布时间</div>
                                            <div class="col-sm-9 value">2017-02-12 13:12</div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">截止时间</div>
                                            <div class="col-sm-9 value">2017-02-12 13:12</div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">审核时长</div>
                                            <div class="col-sm-9 value">48小时</div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">发布数量</div>
                                            <div class="col-sm-9 value">1000</div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">已领数量</div>
                                            <div class="col-sm-9 value">55</div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">任务佣金</div>
                                            <div class="col-sm-9 value">22.02元</div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">任务标签</div>
                                            <div class="col-sm-9 value">体验、互动</div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">任务标题</div>
                                            <div class="col-sm-9 value">注册5-Sing应用领取新用户红包</div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">任务说明</div>
                                            <div class="col-sm-9 value">
                                                <p>注册5-Sing应用领取新用户红包注册5-Sing应用领取新用户红包注册5-Sing应用领取新用户红包</p>
                                                <p>需要：</p>
                                                <p>1、注册5-Sing应用领取新用户红包</p>
                                                <p>2、注册5-Sing应用领取新用户红包</p>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">任务图例</div>
                                            <div class="col-sm-9 value">
                                                <ul>
                                                    <li style="float: left; margin: 10px;">
                                                        <img src="./assets/img/taskImg.png" style="width: 70px;">
                                                    </li>
                                                    <li style="float: left; margin: 10px;">
                                                        <img src="./assets/img/taskImg.png" style="width: 70px;">
                                                    </li>
                                                    <li style="float: left; margin: 10px;">
                                                        <img src="./assets/img/taskImg.png" style="width: 70px;">
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                        <div class="col-sm-12 infoItem">
                                            <div class="col-sm-3 desc">步骤说明</div>
                                            <div class="col-sm-9 value">
                                                <ul>
                                                    <li>
                                                        <p>1、注册5-Sing应用领取新用户红包</p>
                                                    </li>
                                                    <li>
                                                        <p>2、注册5-Sing应用领取新用户红包</p>
                                                    </li>
                                                </ul>
                                                <p>需提交：</p>
                                                <ul>
                                                    <li>
                                                        <p>1、注册5-Sing应用领取新用户红包</p>
                                                    </li>
                                                    <li>
                                                        <p>2、注册5-Sing应用领取新用户红包</p>
                                                    </li>
                                                </ul>
                                            </div>
                                        </div>
                                    </div>

                                    <div class="row">
                                        <div style="margin: 50px 0 0 120px;">
                                            <button style="font-size: 18px; padding: 5px; margin: 0 10px;">批准该任务</button>
                                            <button style="font-size: 18px; padding: 5px; margin: 0 10px;">否决该任务</button>
                                        </div>
                                    </div>


                                <!-- </div>                          
                            </div> -->
                        </div>
                    </div>              
                </div>
        </div>
    </div>

  <script type="text/javascript" src="js/jquery.js"></script>
  <script src="js/bootstrap/dist/js/bootstrap.min.js"></script>

  <script type="text/javascript">
        var headerUrl = "./header.html"
        $("#head-nav").load(headerUrl,function(response,status,xhr){

        });
  </script>

  </body>

</html>
